<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <script type="text/javascript" src="js/rem.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>公司整体运营态势</title>
	<style>
	#all{
		width: 100%;
		margin: 0 auto;
	}
	#all .t_num i {
		width: 33px;
		height: 47px;
		display: inline-block;
		background: url(images/number1.png) no-repeat;
		background-position: 0 0;
	}
	</style>
</head>

<body style="visibility: hidden;">
    <div class="container-flex" tabindex="0" hidefocus="true">
        <div class="box-left">
			<div class="box-left-top">
				<p class="text-title">公司整体运营态势</p>
				
			</div>
			<div class="box-left-bottom">
				<div class ="box-left-bottom-left">
					<div class="box-notice">
						<div class="current-num-title">重大风险预警</div>
						<ul class="text-list-ul">
							<li class="text-list-li"><span style="float:left;">No.1  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.2  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.3  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.4  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.5  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.6  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.7  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.8  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.9  </span>&nbsp;&nbsp; <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.10  </span> <marquee style=" width:75%">22222222222</marquee></li>
							<li class="text-list-li"><span style="float:left;">No.11  </span> <marquee style=" width:75%">22222222222</marquee></li>
						</ul>
					</div>
				</div>
				<div class ="box-left-bottom-right">
					<div class="box-map" id="chart4">
					</div>
				</div>
			</div>
        </div>
		<div class="box-right">
			<div class="box-right-top">
				<div class="chart-box1">
					<div class="chart-box1-title">年度任务完成情况</div>
					<div id="all">
						<span class="t_num t_num1"></span>
					</div>
				</div>
			</div>
			<div class="box-right-bottom">
				<div class="chart-box2">
					<div  class="chart-box2-chart1" id="chart1">
					</div>
					<div  class="chart-box2-chart2" id="chart2">
					</div>
					<div  class="chart-box2-chart3" id="chart3">
					</div>
				</div>
			</div>
		</div>
    
    </div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/layer/layer.min.js"></script>
<script type="text/javascript" src="js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/world.js"></script>
<script type="text/javascript" src="js/digitalScroll.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript">
	var sum = 1300000023;
	$(function() {
		setInterval(function(){
			show_num1(sum)
		},1000);
	});

	function show_num1(n) {
		sum=sum+793093;
		//console.log(n);
		var it = $(".t_num1 i");
		var len = String(n).length;
		for(var i = 0; i < len; i++) {
			if(it.length <= i) {
				$(".t_num1").append("<i></i>");
			}
			var num = String(n).charAt(i);
			//根据数字图片的高度设置相应的值
			var y = -parseInt(num) * 58;
			var obj = $(".t_num1 i").eq(i);
			obj.animate({
				backgroundPosition: '(0 ' + String(y) + 'px)'
			}, 'slow', 'swing', function() {});
		}
		$("#cur_num").val(n);
	}
    $('document').ready(function () {
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
        
    })
</script>



</html>